import React from 'react';
import Widgets from "./Widgets";
import Playground from "./Playground";
import './App.css';


export const dataSource = [{
  name: 'Flex',
  defaultProps: {
    text: 'xxx',
  },
  customises: [{
    // type: 'drag',
    name: 'Header',
    isRender: true,
    defaultProps: {

    },
    customises: [{
      // type: 'custom',
      name: 'Title',
    }]
  }, {
    // type: 'drag',
    name: 'Description',
    isRender: true,
    customises: [{
      // type: 'custom',
      name: 'Column',
    }]
  }]
}]

function App() {
  return (
    <div className="App">
      <div className="drag-list">
        <Widgets/>
      </div>
      <Playground data={dataSource} />
    </div>
  );
}

export default App;
